<template>
    <div class="com">
        <p class="left">2 items left</p>
        <p>
            <button>All</button>
            <span>Active</span>
            <span>Completed</span>
        </p>
    </div>
</template>

<script>
    export default {

    }
</script>

<style lang='scss' scoped>
.com{
    display: flex;
    align-items: center;

    .left{
        width: 150px;
    }
    span{
        display: inline-block;
        width: 100px;
        text-align: center;
    }
}
</style>